<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预防冠状病毒须知</title>
    <link rel="stylesheet" href="./help.css" type="text/css">
    <style>
        ol {
            list-style-type: none; 
            padding-left: 20px;
        }
        #footer {
            background: url(./图片2.png)no-repeat center center;
            text-align: center;
            height: 44px;
            width: 754px;
        }
        a:visited,a:link,a:active{
            color: white;
            font-size: 28px;
            text-decoration: none;
            padding: 5px auto;
        }
        a:hover {
            border-bottom: 4px solid red;
        }
    </style>
</head>
<body>
    <div id="page">

        <img src="./图片1.png" alt="">  
        <h3>中国疾控中心权威提示</h3>
        <p><span id="color1">预防</span><span style="color: red;">冠状病毒</span></p>
        <p><span id="color2">需要做到这<span style="color: red;">六条</span></span></p>
        <ol>
            <li><span class="circle1">01</span>
                <span class="circle2">勤洗手，保持手卫生</span>
            </li>
            <li>
                <span class="circle1">02</span>
                <span class="circle2">保持良好的呼吸道卫生习惯</span>
            </li>
            <li>
                <span class="circle1">03</span>
                <span class="circle2">做好通风和清洁</span>
            </li>
            <li><span class="circle1">04</span>
                <span class="circle2">佩带口罩</span>
            </li>
            <li><span class="circle1">05</span>
                <span class="circle2">出现呼吸道感染症状及时就医</span>
            </li>
            <li><span class="circle1">06</span>
                <span class="circle2">不要接触健康情况不明的动物</span>
            </li>
        </ol>   
        <div id="footer">
            <a href="http://www.chinacdc.cn/jkzt/crb/zl/szkb_11803/jszl_2275/202001/t20200125_211423.html">中国疾控中心</a>
        </div>
    </div>

</body>
</html>